<template>
    <div page-name="notFound" class="tips-404">404</div>
    <div class="tips-text"> 对不起,您访问的页面不存在!</div>
</template>

<style lang="scss" scoped>
    .tips-404{
        position: relative;
        margin: 0 auto;
        width: 4rem;
        height: 4rem;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        color: $color-ddd;

        &:after{
            position: absolute;
            left: 0;
            top: .01rem;
            z-index: -1;
            width: 100%;
            height: 100%;
            line-height: 4rem;
            font-size: 2rem;
            color: #a5a5a5;
            text-align: center;
            content: '404'
        }
    }
    .tips-text{
        margin: -.5rem auto 0;
        width: 4rem;
        text-align: center;
        color: #b3b3b3;
        font-size: .16rem;
    }
</style>